import React, { FC } from 'react'
import DynamicTitle from './dynamic-title'
import Footer from './footer'
import Header from './header'

const Layout: FC = ({ children }) => (
  <>
    <DynamicTitle />
    <div className="min-h-screen flex flex-col flex-wrap font-mine text-gray-700">
      <Header />
      <div className="flex flex-col w-full md:max-w-3xl md:mx-auto flex-grow px-4 py-8">
        {children}
      </div>
      <Footer />
    </div>
  </>
)

export default Layout
